.route-order{
	.quhuoma{
		background-color: #edf0f2;
		padding: 20rpx;
		border-radius: 8rpx;
		margin-bottom: 20rpx;
		.tag{
			display: inline-block;
		}
		.ma{
			margin-top: 20rpx;
			font-size: 40rpx;
			font-weight: 500;
		}
	}
	.tiqicont{
		display: flex;
		align-items: center;
		padding: 20rpx 30rpx;
		
	
		.searchcont{
			width: 400rpx;
		}
		
	}
	.cont{
		.none{
			padding-top: 10vh;
		}
		.have{
			padding: 30rpx 24rpx;
			.cloum{
				background-color: #fff;
				border-radius: 10rpx;
				padding: 0 30rpx 30rpx 30rpx;
				margin-bottom: 30rpx;
				.cloumn-top{
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 28rpx 0;
					.status{
						color: #ED2920;
					}
				}
				.cloumn-middle{
					.goods-info{
						// margin-bottom: 20rpx;
						.info-item{
							display: flex;
							justify-content: space-between;
							margin-bottom: 20rpx;
							.info-left{
								flex-shrink: 0;
								width: 160rpx;
								height: 160rpx;
								background-color: #F2F2F2;
								border-radius: 10rpx;
								overflow: hidden;
								.img{
									display: block;
									width: 100%;
									height: 100%;
								}
							}
							.info-right{
								flex: 1;
								padding-left: 18rpx;
								.name{
									font-size: 24rpx;
									font-weight: 500;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									-webkit-box-orient: vertical;
								}
								.desc{
									font-size: 24rpx;
									margin-top: 14rpx;
									color: #979797;
								}
								.priceandnum{
									display: flex;
									align-items: center;
									justify-content: space-between;
									margin-top: 27rpx;
									.price{
									
										display: flex;
										align-items: baseline;
										color: #2E2D2D;
										.tips{
											
										}
										.val{
											font-size: 32rpx;
											font-weight: 600;
										}
									}
									.num{
										font-size: 24rpx;
										color: #979797;
									}
								}
							}
						}
					}
				}
				.mendian{
					padding: 20rpx 0 ;
					font-size: 30rpx;
					border-bottom: 1px solid #edf0f2;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
				.cloumn-bottom{
					padding-top: 20rpx;
					.info{
						display: flex;
						justify-content: space-between;
						align-items: center;
						.name{
							font-size: 30rpx;
					
						}
						.price{
						
							display: flex;
							align-items: baseline;
							color: #ED2920;
							.tips{
								
							}
							.val{
								font-size: 32rpx;
								font-weight: 600;
							}
						}
					}
					.btncont{
						display: flex;
						justify-content: flex-end;
						align-items: center;
						margin-top: 30rpx;
						.commonbtn{
							padding: 9rpx 32rpx;
							border-radius: 30rpx;
							border: 1px solid #D0D0D0;
						}
						.confirmbtn{
							border-color: #ED2920;
							color: #ED2920;
							margin-left: 20rpx;
						}
					}
				}
			}
		}
	}
}